<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" type="" href="./style/login.css">
</head>

<body>
    <div class="dl_head">
        <div class="contain between">
            <div class="dl_head_left">
                <img src="./img/dl_logo-201305-b.png" alt="">
                <img src="./img/dl_l-icon.png" alt="">
            </div>
            <div class="dl_head_right">
                <img src="./img/dl_q-icon.png" alt="">
                <a>登录页面,调查问卷</a>
            </div>
        </div>
    </div>
    <div class="xieyi">
        <img src="./img/dl_icon-tips.png" alt="">
        <p>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a href="">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</p>
    </div>
    <div class="dl_footer">
        <div class="contain">
            <div class="dl_main">
                <div class="dl">
                    <div class="dl_method">
                        <b class="orange_text smdl">扫描登录</b>
                        <b class="zhdl">账号登录</b>
                    </div>
                    <div class="dl_saomiao">
                        <div class="dl_left_right">
                            <img class="dl_saomiao_show" src="./img/erweima.jpg" alt="">
                            <img class="dl_saomiao_hidden" src="./img/dl_phone-orange.png" alt="">
                        </div>
                        <div class="dl_saomiao_text">
                            <p>打开<a href="" class="nodecoration red_text">手机京东</a>&#x3000;扫描二维码</p>
                            <div class="saomiao_three">
                                <div class="saomiao_one ">
                                    <div class="sp_one dl_sprite mianshuru"></div><span>免输入</span></div>
                                <div class="saomiao_two ">
                                    <div class="sp_two dl_sprite gengkuai"></div><span>更快</span></div>
                                <div class="saomiao_three ">
                                    <div class="sp_three dl_sprite anquan"></div><span>更安全</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="dl_zhanghao">
                        <form action="/api/v1/user/signin" method="post">
                            <div>
                                <div id="three_input">
                                    <div class="user_photo xuebi_user sp_jh"></div>
                                    <input type="text" class="form-control" name="petname" id="petname" placeholder="邮箱/用户名/已验证手机">
                                </div>
                            </div>
                            <div>
                                <div id="user_psw">
                                    <div class="sp_jh xuebi_pwd"></div>
                                    <input type="password" id="password" name="password" placeholder="密码">
                                </div>
                            </div>
                            <a href="">忘记密码</a>
                            <p class="clear">
                                
                            </p>
                            <input class="submit" type="submit" value="登录">
                        </form>
                    </div>
                    <div class="dl_another">
                        <div>
                            <div class="dl_qq">
                                <div class="dl_bottom_sprite diyige" id="diyige"></div><span>QQ</span></div>
                            <div class="dl_wx ">
                                <div class="dl_bottom_sprite dierge" id="dierge"></div><span>微信</span></div>
                        </div>
                        <div>
                            <div class="jianhao">
                                <div class="sp_jh jianhao_xiaotu"></div>
                                <a href="./register.html">立即注册</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="dibu">
        <p>关于我们&#x3000;|&#x3000;联系我们&#x3000;|&#x3000;人才招聘&#x3000;|&#x3000;商家入驻&#x3000;|&#x3000;广告服务&#x3000;|&#x3000;手机京东&#x3000;|&#x3000;友情链接&#x3000;|&#x3000;销售联盟&#x3000;|&#x3000;京东社区&#x3000;|&#x3000;京东公益&#x3000;|&#x3000;English&nbsp;Site</p>
        <p>Copyright&nbsp;©&nbsp;2004-2017&nbsp;&nbsp;京东JD.com&nbsp;&nbsp;版权所有 </p>
    </div>
    <script src="./js/jquery-3.2.1.js"></script>
    <script src="./script/login.js"></script>
    
    <script>
        $('form').submit(function (e) {
            e.preventDefault();
            $.post(this.action, $(this).serialize(), (data) => {
                if (data.code == "success") {
                    location.href = '/';
                } else {
                    alert(data.message);
                }
            })
        })
    </script>
</body>

</html>